<!DOCTYPE html>
<html>
<!-- Mirrored from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品管理</title>
    <meta name="keywords" content="第八站,商品分类,后台HTML,响应式后台">
    <meta name="description" content="第八站管理后台">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="libs/layui/css/layui.css">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="libs/page/pager.css">
    <link rel="stylesheet" href="css/common.css">
    <style type="text/css">
    td {
        /*line-height: 10px!important;*/
    }
    </style>
</head>

<body>
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>会员列表</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="index-2.html">主页</a>
                </li>
                <li>
                    <span>客户管理</span>
                </li>
                <li>
                    <strong>会员列表</strong>
                </li>
            </ol>
        </div>
        <div class="col-sm-8">
            <div class="title-action">
                <!-- <a href="empty_page.html" class="btn btn-primary">活动区域</a> -->
            </div>
        </div>
    </div>
    <div class="row tab-view  gray-bg">
        <div class="col-sm-8">
            <a href="member_detail.html" class="btn btn-primary margin-r-20">会员详情</a>
            <a href="member_edit.html" class="btn btn-default margin-r-20">编辑资料</a>
            <a href="member_journal.html" class="btn btn-default margin-r-20">登陆日志</a>
            <a href="member_list.html" class="btn btn-default margin-r-20">返回列表</a>
        </div>
        <div class="col-sm-4"></div>
    </div>
    <div class="wrapper wrapper-content">
        <div>
            <table class="table table-bordered table-center">
                <tbody>
                    <tr>
                        <td class="active" rowspan="8" width="250">
                            <div class="left-info">
                                <img src="img/profile_small.jpg" alt="">
                                <p>18950124444</p>
                                <button type="button" class="btn btn-primary">修改用户余额</button>
                            </div>
                        </td>
                        <td class="active">UID</td>
                        <td>223</td>
                        <td class="active">联系电话</td>
                        <td>18950124444</td>
                    </tr>
                    <tr>
                        <td class="active">当前余额</td>
                        <td>50000.00</td>
                        <td class="active">会员类型</td>
                        <td>个人</td>
                    </tr>
                    <tr>
                        <td class="active">拥有站点数</td>
                        <td>
                            <p class="green-color">1</p>
                            <p>（点击跳转至站点档案，带上用户信息并筛选）</p>
                        </td>
                        <td class="active">在售商品数</td>
                        <td>
                            <p class="green-color">1</p>
                            <p>（点击跳转至商品列表，带上用户信息并筛选）</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="active">累积收益金额</td>
                        <td>50000.00</td>
                        <td class="active">累积成交笔数</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td class="active">冻结金额</td>
                        <td>400.00</td>
                        <td class="active">帐号档案</td>
                        <td>
                            <button class="layui-btn layui-btn-sm w100" onclick="lookDetailsModal()">查看</button>
                        </td>
                    </tr>
                    <tr>
                        <td class="active">帐号状态</td>
                        <td>
                            <form class="layui-form layui-form-pane1" action="" lay-filter="first">
                                <input type="checkbox" name="zzz" lay-skin="switch" lay-text="正常|异常">
                            </form>
                        </td>
                        <td class="active">站内信</td>
                        <td>
                            <button class="layui-btn layui-btn-sm w100" onclick="senMessageModal()">发送消息</button>
                        </td>
                    </tr>
                    <tr>
                        <td class="active">注册时间</td>
                        <td>2017年10月23日15:43:16</td>
                        <td class="active">注册IP</td>
                        <td>120.41.230.89</td>
                    </tr>
                    <tr>
                        <td class="active">最后登录时间</td>
                        <td>2018年4月13日16:55:36</td>
                        <td class="active">最后登录IP</td>
                        <td>120.41.230.89</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="bank-info">
            <img src="img/bank.png" alt=""><span class="title">银行卡信息</span>
            <div class="content">
                <table class="table table-bordered table-center">
                    <thead>
                        <tr>
                            <th>真实姓名</th>
                            <th>持卡银行</th>
                            <th>银行账户</th>
                            <th>开户支行</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>牛太郎</td>
                            <td>招商银行</td>
                            <td>6214 XXXX XXXX 1378</td>
                            <td>厦门莲前支行</td>
                            <td><span class="green-color" onclick="updateBankInfoModal()">修改</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="tab-info margin-t-20">
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this">联系人管理</li>
                    <li>购买记录</li>
                    <li>出售记录</li>
                    <li>资金记录</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <table class="table table-bordered table-center">
                            <thead>
                                <tr>
                                    <th>真实姓名</th>
                                    <th>联系电话</th>
                                    <th>职位</th>
                                    <th>备注</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>李大钊</td>
                                    <td>18950124444</td>
                                    <td>总经理</td>
                                    <td>告知销售经理电话</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link green-color" onclick="menberInfoModal()">编辑</button>
                                        <button type="button" class="btn-xs btn-link green-color">删除</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>赵钱孙</td>
                                    <td>13555555555</td>
                                    <td>销售经理</td>
                                    <td>网站出售对接他</td>
                                    <td>
                                       <button type="button" class="btn-xs btn-link green-color" onclick="menberInfoModal()">编辑</button>
                                       <button type="button" class="btn-xs btn-link green-color">删除</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div style="text-align: center;">
                            <button class="layui-btn layui-btn-sm w100" onclick="menberInfoModal()">新增</button>
                        </div>
                    </div>
                    <div class="layui-tab-item row">
                        <table class="table table-bordered table-center">
                            <thead>
                                <tr>
                                    <th>订单编号</th>
                                    <th>商品编号</th>
                                    <th>网站标题</th>
                                    <th>网站URL</th>
                                    <th>商品类型</th>
                                    <th>出售金额</th>
                                    <th>下单时间</th>
                                    <th>卖家联系方式</th>
                                    <th>网站详情</th>
                                    <th>订单状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>11619571121231243521</td>
                                    <td>125045343744</td>
                                    <td>地方信息门户网站</td>
                                    <td>www.5elady.com</td>
                                    <td>一口价</td>
                                    <td>12000.00</td>
                                    <td>2018年4月13日13:27:21</td>
                                    <td>18755554212</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">查看</button>
                                    </td>
                                    <td>未付款——客服引导付款</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">客服跟进记录</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>11619571121231243521</td>
                                    <td>125045343744</td>
                                    <td>地方信息门户网站</td>
                                    <td>www.5elady.com</td>
                                    <td>一口价</td>
                                    <td>12000.00</td>
                                    <td>2018年4月13日13:27:21</td>
                                    <td>18755554212</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">查看</button>
                                    </td>
                                    <td>未付款——客服引导付款</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">客服跟进记录</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div>
                            <span class=" pull-right">
                                <ul class="pagination" id="page1"></ul>
                            </span>
                        </div>
                    </div>
                    <div class="layui-tab-item row">
                        <table class="table table-bordered table-center">
                            <thead>
                                <tr>
                                    <th>订单编号</th>
                                    <th>商品编号</th>
                                    <th>网站标题</th>
                                    <th>网站URL</th>
                                    <th>商品类型</th>
                                    <th>出售金额</th>
                                    <th>下单时间</th>
                                    <th>买家联系方式</th>
                                    <th>网站详情</th>
                                    <th>订单状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>11619571121231243521</td>
                                    <td>125045343744</td>
                                    <td>地方信息门户网站</td>
                                    <td>www.5elady.com</td>
                                    <td>一口价</td>
                                    <td>12000.00</td>
                                    <td>2018年4月13日13:27:21</td>
                                    <td>18755554212</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">查看</button>
                                    </td>
                                    <td>未付款——客服引导付款</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">客服跟进记录</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td>11619571121231243521</td>
                                    <td>125045343744</td>
                                    <td>地方信息门户网站</td>
                                    <td>www.5elady.com</td>
                                    <td>一口价</td>
                                    <td>12000.00</td>
                                    <td>2018年4月13日13:27:21</td>
                                    <td>18755554212</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">查看</button>
                                    </td>
                                    <td>未付款——客服引导付款</td>
                                    <td>
                                        <button type="button" class="btn-xs btn-link lookBtn green-color">客服跟进记录</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div>
                            <span class=" pull-right">
                                <ul class="pagination" id="page2"></ul>
                            </span>
                        </div>
                    </div>
                    <div class="layui-tab-item row">
                        <table class="table table-bordered table-center">
                            <thead>
                                <tr>
                                    <th>类型</th>
                                    <th>操作时间</th>
                                    <th>变动前金额</th>
                                    <th>金额</th>
                                    <th>变动后金额</th>
                                    <th>操作人员</th>
                                    <th>备注</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>充值</td>
                                    <td>2018年4月13日17:03:33</td>
                                    <td>0</td>
                                    <td>+500.00</td>
                                    <td>500.00</td>
                                    <td>/</td>
                                    <td>/</td>
                                </tr>
                                <tr>
                                    <td>充值</td>
                                    <td>2018年4月13日17:03:33</td>
                                    <td>0</td>
                                    <td>+500.00</td>
                                    <td>500.00</td>
                                    <td>财务</td>
                                    <td>审核通过</td>
                                </tr>
                                <tr>
                                    <td>人工调整</td>
                                    <td>2018年4月13日17:03:33</td>
                                    <td>0</td>
                                    <td>+500.00</td>
                                    <td>500.00</td>
                                    <td>财务</td>
                                    <td>资金数量庞大走线下转账</td>
                                </tr>
                            </tbody>
                        </table>
                        <div>
                            <span class=" pull-right">
                                <ul class="pagination" id="page3"></ul>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 查看详情弹框 -->
    <div class="modal fade" id="lookDetailsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog websiteModal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">会员详情</h4>
                </div>
                <div class="modal-body row">
                    <table class="table table-bordered table-center">
                        <thead>
                            <tr>
                                <th>真实姓名</th>
                                <th>性别</th>
                                <th>出生年月</th>
                                <th>身份证号码</th>
                                <th>附件（身份证正反面）</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>陈独秀</td>
                                <td>男</td>
                                <td>2018-06-01</td>
                                <td>12345678912345</td>
                                <td>
                                     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                      <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                </td>
                            </tr>
                           <tr>
                                <td>陈独秀</td>
                                <td>男</td>
                                <td>2018-06-01</td>
                                <td>12345678912345</td>
                                <td>
                                     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                      <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                </td>
                            </tr>
                            <tr>
                                <td>陈独秀</td>
                                <td>男</td>
                                <td>2018-06-01</td>
                                <td>12345678912345</td>
                                <td>
                                     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                      <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div>
                        <span class=" pull-right">
                            <ul class="pagination" id="page4"></ul>
                        </span>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary w100" data-dismiss="modal">关闭</button>
                    <!-- <button type="button" class="btn btn-primary">添加</button> -->
                </div>
            </div>
        </div>
    </div>
    <!-- 发送消息弹框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">发送消息</h4>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 发送对象</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入手机号码" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 标题</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入标题" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 内容</label>
                            <div class="col-sm-9">
                                <textarea type="text/plain" style="width:100%;height:100px;"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">添加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    

     <!-- 修改银行卡信息弹框 -->
    <div class="modal fade" id="updateBankInfoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">银行卡消息</h4>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 持卡银行</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em>  银行卡号</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 开户地址</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">添加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- 新增联系人弹框 -->
    <div class="modal fade" id="menberInfoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">新增联系人</h4>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em> 真实姓名</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入手机号码" class="form-control">
                            </div>
                        </div>
                         <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em>  联系电话</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入标题" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em>  职位</label>
                            <div class="col-sm-9">
                                <input type="text" placeholder="请输入标题" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-1 control-label collection-label"><em class="red-color">*</em>  备注</label>
                            <div class="col-sm-9">
                                <textarea type="text/plain" style="width:100%;height:100px;"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">添加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/content2.min.js?v=1.0.0"></script> -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script type="text/javascript" src="libs/page/pager.js"></script>
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script src="libs/layui/layui.js"></script>
    <script type="text/javascript">
    $(function() {
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page1'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page2'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page3'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page4'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
    })

    function lookDetailsModal() {
        $('#lookDetailsModal').modal('show');
    }

    function senMessageModal() {
        $('#myModal').modal('show');
    }
    function updateBankInfoModal() {
        $('#updateBankInfoModal').modal('show');
    }
    function menberInfoModal() {
        $('#menberInfoModal').modal('show');
    }
    </script>
    <script>
    layui.use('form', function() {
        var form = layui.form;
        form.on('switch', function(data) {
            console.log(data);
        });
    });
    layui.use('element', function() {
        var element = layui.element;

        //…
    });
    </script>
</body>
<!-- Mirrored from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

</html>